<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>会员登录</title>
     <script type="text/javascript" src="__PUBLIC__/Js/jquery-validation-1.14.0/lib/jquery-1.11.1.js"></script>
    <script type="text/javascript" src="__PUBLIC__/Js/jquery-validation-1.14.0/dist/jquery.validate.js"></script>
<!--     <load href="__PUBLIC__/Js/home/jquery-1.11.3.js"/> -->
    <load href="__PUBLIC__/Js/home/common.js"/>
    <load href="__PUBLIC__/Js/home/banner.js"/>

    <load href="__PUBLIC__/Css/home/style.css"/>
</head>
<body>
<!--引入头部文件-->
<include file="Common/login_register_header"/>
<div class="dr_banner">
    <!--通行证操作区-->
    <div class="dr_actionMain w1000">
        <div class="dr_passprt">
            <form id="loginform" action="__URL__/loginAction" method="post">
                <div class="dr_form">
                    <h3>会员登录</h3>
                    <div class="dr_minAction">
                        <div class="errorMsg" id="loginError" style=""></div>
                        <label for="tel"><span></span></label>
                        <input class="ipTxt ico-user" value="" id="tel" name="tel" placeholder="请输入您的手机号码" type="text" maxlength="11"><div></div>
                        <input class="ipTxt ico-pwd" value="" id="password" name="password" placeholder="请输入密码" type="password">
                        <!-- <p class="dr_actionPwd">
                            <a class="fr" href="#">忘记密码?</a>
                            <input id="isRemember" type="checkbox">
                            <label for="isRemember">记住密码</label>
                        </p> -->
                        <input name="forward" value="" type="hidden">
                    </div>
                    <div id="login" class="dr_Btns">
                        <!--jquery登录验证-->
                        <input type='submit' class="defaultBtn focus" value='登陆' id='submit'></a>
                        <a class="colorBtn left" href="__MODULE__/Index/register">注册</a>
                    </div>
                </div>
                
            </form>
        </div>
    </div>

    <!--通行证操作区 end-->
    <!--banner轮播图-->
    <ul class="dr_bannerul fix" id="drHomeBan">
        <li style="display: block;">
            <a href="javascript:void(0);" target="_top">
                <img src="__PUBLIC__/Images/home/login.jpg">
            </a>
        </li>
        <li style="display: none;">
            <a href="javascript:void(0);" target="_top">
                <img src="__PUBLIC__/Images/home/login2.jpg">
            </a>
        </li>
    </ul>
    <!--banner轮播图 end-->
    <!--banner轮播图底部显示样式-->
    <div class="drbanner_xdcort">
        <ul class="drbanner_xd" id="banBtns">
            <li class="drbanner_click"><span></span></li>
            <li class="nobg"><span></span></li>
        </ul>
    </div>
    <!--banner轮播图底部显示样式 end-->
</div>
<!--引入底部文件-->
<include file="Common/footer"/>
<!--输入文本jquery检测-->
<script type="text/javascript">
 $(function(){
 
    $('#loginform').validate({
      rules: {
        tel: {
          required: true,
          minlength: 11,
          // 自定义方法：校验手机号在数据库中是否存在
          // checkPhoneExist : true,
          isMobile: true,

        },
        password:{
            required:true,
            minlength: 6,
        },
      },
      messages:{
        tel : {
          required : "* 请输入手机号！",
          minlength : "* 确认手机不能小于11个字符！",
          isMobile : "* 请正确填写您的手机号码！",
        },
         password:{
            required:"* 请输入您的密码！",
             minlength: "",
        },

      }

    });
    jQuery.validator.addMethod("isMobile", function(value, element) {
      var length = value.length;
      var mobile = /^1[3|4|5|7|8]\d{9}$/;
      return (length == 11 && mobile.exec(value))? true:false;
    }, "请正确填写您的手机号码");

  });

</script>

</body>
</html>